<template>

  <el-row class="m-10">
    <el-col :span="8">
      <mcard></mcard>

      <el-card style="max-width: 450px" class="m-2  h-[980px]">
        <professorTable></professorTable>
      </el-card>
    </el-col>

    <el-col :span="16">

      <el-card class="m-2 h-[350px]">
        <StuLevelBarChart></StuLevelBarChart>
      </el-card>


      <div class="flex">
        <el-card class="m-2 h-[300px] w-1/2">
          <scoreLineTable></scoreLineTable>
        </el-card>

        <el-card class="m-2 h-[300px] w-1/2">
          <PieChart></PieChart>
        </el-card>

      </div>



      <el-row>
        <el-col :span="24">
          <el-card class="m-2 h-[500px]">
            <AnalysisBar></AnalysisBar>
          </el-card>
        </el-col>
      </el-row>
    </el-col>

  </el-row>
</template>

<script setup>
import mcard from '@/components/School/messageCard.vue'
import StuLevelBarChart from '@/components/School/Chart/StudentLevelBar.vue'
import professorTable from '@/components/School/Table/professorTable.vue'
import scoreLineTable from '@/components/School/Table/scoreLineTable.vue'
import AnalysisBar from '@/components/School/Chart/AnalysisBar.vue'
import PieChart from '@/components/School/Chart/pieChart.vue'


</script>